﻿
@{
    ViewBag.Title = "Time Management System Login";
    Layout = "~/Views/Shared/_NoContentLayout.cshtml";
}

<!-- Start login container -->
<div class="container login-container">
    <div class="login-panel panel panel-default plain animated bounceIn">
        <!-- Start .panel -->
        <div class="panel-heading">
            <h4 class="panel-title text-center">
                <img id="logo" src="/img/logo-dark.png" alt="Dynamic logo">
            </h4>
        </div>
        <div class="panel-body">
            <form class="form-horizontal mt0" action="index.html" id="login-form" role="form">
                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group input-icon">
                            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                            <input type="text" name="email" id="email" class="form-control" value="admin@dynamic.com" placeholder="Your email ...">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group input-icon">
                            <span class="input-group-addon"><i class="fa fa-key"></i></span>
                            <input type="password" name="password" id="password" class="form-control" value="somepass" placeholder="Your password">
                        </div>
                        <span class="help-block text-right"><a href="#">Forgout password ?</a></span>
                    </div>
                </div>
                <div class="form-group mb0">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-8">
                        <div class="checkbox-custom">
                            <input type="checkbox" name="remember" id="remember" value="option">
                            <label for="remember">Remember me ?</label>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-4 mb25">
                        <button class="btn btn-default pull-right" type="submit">Login</button>
                    </div>
                </div>
            </form>
            <div class="seperator">
                <strong>or</strong>
                <hr>
            </div>
            <div class="social-buttons text-center mt5 mb5">
                <a href="#" class="btn btn-primary btn-alt mr10">Sign in with <i class="fa fa-facebook s20 ml5 mr0"></i></a>
                <a href="#" class="btn btn-danger btn-alt ml10">Sign in with <i class="fa fa-google-plus s20 ml5 mr0"></i></a>
            </div>
        </div>
        <div class="panel-footer gray-lighter-bg bt">
            <h4 class="text-center">
                <strong>Don`t have an account ?</strong>
            </h4>
            <p class="text-center">
                <a href="register.html" class="btn btn-primary">Create account</a>
            </p>
        </div>
    </div>
    <!-- End .panel -->
</div>
<!-- End login container -->
<div class="container">
    <div class="footer">
        <p class="text-center">&copy;2014 Copyright Dynamic admin. All right reserved !!!</p>
    </div>
</div>

